<template>
  <header class="activity-header">
    <div class="activity-header-container">
      <ul class="lf-box">
        <li>
          <router-link to="/" class="logo">
            <img src="@/assets/images/logo_small.png" alt="">
          </router-link>
        </li>
      </ul>
      <ul class="rt-box">
        <li>
          <router-link to="/" class="go-to-index">{{$t('message.goToIndex')}}</router-link>
        </li>
      </ul>
    </div>
  </header>
</template>
<style scoped>
.activity-header {
  min-width: 1200px;
  height: 90px;
  background-color: #fff;
  z-index: 3;
}
.activity-header-container {
  width: 1200px;
  height: 90px;
  margin: 0 auto;
}
.lf-box {
  float: left;
}
.rt-box {
  float: right;
}
.lf-box > * {
  display: inline-block;
  line-height: 90px;
}
.rt-box > * {
  display: inline-block;
  line-height: 90px;
}
.go-to-index {
  position: relative;
  color: #3E3E3E;
}
.go-to-index::before {
  content: '';
  position: absolute;
  top: 1px;
  left: -29px;
  width: 20px;
  height: 16px;
  background: url(../../../assets/images/activity/2018whiteday/icon_home.png) no-repeat;
  background-size: 20px 16px;
}
</style>
